<?php
require_once 'generico.php';
$gen = new generico();
?>
<html>
    <head>
        <title>Vangor</title>        
        <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
    <body>
        <div id="central" style="background-color: #fff;">
            <div id="centro" style="width: 1200px; margin: auto;">
                <img src="img/fondo6.png" style="width: 100%;">
                <div style="display: inline-block; z-index: 1; position: absolute; top: 78%; left: 27%;">
                    <img src="img/BolaMenuActiva.png">
                    <div style="
                         width: 76px;
                         position: relative;  top: -92px;  
                         left: 35px;  color: #ffffff;
                         text-align: center;
                         "><a href="contactanos.php" style="color: white;">Cont&aacute;ctanos</a></div>
                </div>
                <div style="display: inline-block; z-index: 1; position: absolute; top: 68%; left: 35%;">
                    <img src="img/BolaMenu.png">
                    <div style="
                         width: 76px;
                         position: relative;  top: -92px;  
                         left: 35px;  color: #ffffff;
                         text-align: center;
                         "><a href="consejos.php" style="color: white;">Consejos de Cuidado</a></div>
                </div>
                <div style="display: inline-block; z-index: 1; position: absolute; top: 58%; left: 43%;">
                    <img src="img/BolaMenu.png">
                    <div style="
                         width: 76px;
                         position: relative;  top: -92px;  
                         left: 35px;  color: #ffffff;
                         text-align: center;
                         "><a href="preguntas.php" style="color: white;">Preguntas Frecuentes</a></div>
                </div>
                <div style="display: inline-block; z-index: 1; position: absolute; top: 48%; left: 51%;">
                    <img src="img/BolaMenu.png">
                    <div style="
                         width: 76px;
                         position: relative;  top: -92px;  
                         left: 35px;  color: #ffffff;
                         text-align: center;
                         "><a href="tratamientos.php" style="color: white;">Tratamientos</a></div>
                </div>
                <div style="display: inline-block; z-index: 1; position: absolute; top: 40%; left: 60%;">
                    <img src="img/BolaMenu.png">
                    <div style="
                         width: 76px;
                         position: relative;  top: -92px;  
                         left: 35px;  color: #ffffff;
                         text-align: center;
                         "><a href="nosotros.php" style="color: white;">Nosotros</a></div>
                </div>
                <div style="display: inline-block; z-index: 1; position: absolute; top: 35%; left: 69%;">
                    <img src="img/BolaMenu.png">
                    <div style="
                         width: 76px;
                         position: relative;  top: -92px;  
                         left: 35px;  color: #ffffff;
                         text-align: center;
                         "><a href="index.php" style="color: white;">Inicio</a></div>
                </div>
                
                <form method="post" action="mail.php" >
                <div style="position: absolute; top: 110%; left: 35%">
                    <table>
                        <tr>
                            <td class="LetraContacto"> Nombre: </td> 
                            <td> <input type="text" name="txtNombre" style="width: 400px; height: 50px;" required><br> </td>                    
                        </tr>
                        <tr>
                            <td class="LetraContacto"> Email: </td> 
                            <td> <input type="text" name="txtEmail" style="width: 400px; height: 50px;" required> </td>                    
                        </tr>
                        <tr>
                            <td class="LetraContacto"> Comentario: </td> 
                            <td> <textarea name="txtComentario" style="width: 400px; height: 200px;" required ></textarea>  </td>                    
                        </tr>
                        <tr>
                            <br>
                        </tr>
                        <tr><td></td>
                            <td> <input type="submit" value="Enviar" style="font-size: 20px" ></td>
                            <td></td>
                        </tr>
                    </table>
                </div>
            </form>
                <div  style="
    position: relative;
    margin-top: -10%; left: -1%;">
                <?php
                $gen->PiePagina();
                ?></div>
            </div>            
        </div>
    </body>
</html>